<template>
	<div >
		<h1>{{ msg }}</h1>
		<h2>学生姓名：{{name}}</h2>
		<h2>学生性别：{{sex}}</h2>
		<h2>学生年龄：{{myAge}}</h2>
		<button @click="update">点我age +1</button>
	</div>
</template>

<script>
	export default {
		name:'s-student',
		data() {
			return {
				msg:'我是一个学生',
				myAge:this.age
			}
		},
		methods:{
			update(){
				this.myAge++
			}
		},
		//一般开发中用简单声明
		//props:['name','sex','age']//简单声明接收：顺序不一定要一样

		//接受的同时对数据进行限制
		/*props:{
			name:String,
			age:Number,
			sex:String
		}*/

		//接受的同时对数据进行限制、默认值的指定，必要性的限制
		props:{
			name:{
				type:String,//类型为字符串
				required:true//必须传入
			},
			age:{
				type:Number,
				default:0//可以不传入，默认值为0
			},
			sex:{
				type:String,
				required:true
			}
		}
	}
</script>
